Ext.define('ECAT.controller.BarController', {
    extend: 'Ext.app.Controller',
//    requires: ['ECAT.view.ImageDetailView'],
    config: {
    	refs:{
    		buttomBar : 'buttombar',
    		topBar : 'topbar',
    		menu : '#btn_menu_up',
			favorite : 'favorite'
    	},
    	control: {
    		topBar : {
    			show : 'onTopBarShow',
    			hide : 'onTopBarHide'
            },
            menu : {
    			tap : 'showToolBar'
            },
            '#btn_menu_down' : {
    			tap : 'hideToolBar'
            }
        }
    },
    onTopBarShow : function(me,eOpts){
		if(this.getFavorite()){
			this.getFavorite().list_img_fav.setTop(90);
		}
	},
	onTopBarHide : function(me,eOpts){
		if(this.getFavorite()){
			this.getFavorite().list_img_fav.setTop(0);
		}
	},
	hideToolBar : function(btn,e,eOpts){
		this.getMenu().show();
		this.getButtomBar().hide();
		this.getTopBar().hide();
		if(Ext.Viewport.getActiveItem().id === 'imagedetailview'){
			Ext.getCmp('imagedetail_buttompanel').hide();
		}
	},
	showToolBar : function(btn,e,eOpts){
		btn.hide();
		this.getButtomBar().show();
		this.getTopBar().show();
		if(Ext.Viewport.getActiveItem().id === 'imagedetailview'){
	    	Ext.getCmp('imagedetail_buttompanel').show();
	    }
	}
});
